<template>
        <!-- {{msg}} -->
    <!-- <div class="imgbox" @click="go($event)" txt="home" ref="aaa">
        <img v-show="bol" src="../assets/img/10.png" alt="">
         <img v-show="!bol" src="../assets/img/5.png" alt="">
        <p>Home</p>
    </div> -->
        <!-- <router-link to="/home">Home
        <img v-show="bol" src="../assets/img/10.png" alt="">
         <img v-show="!bol" src="../assets/img/5.png" alt="">
        </router-link>
      <router-link to="/mine"  >Mine
        <img v-show="bol" src="../assets/img/9.png" alt="">
         <img v-show="!bol" src="../assets/img/4.png" alt="">
       </router-link> -->
    <!-- <div class="imgbox" @click="go($event)"   txt="mine" ref="aaa">
        <img v-show="bol" src="../assets/img/9.png" alt="">
         <img v-show="!bol" src="../assets/img/4.png" alt="">
        <p>Mine</p>
    </div> -->

<van-tabbar route>
  <van-tabbar-item
    replace
    to="/home"
    icon="home-o"
  >
    Home
  </van-tabbar-item>
  <van-tabbar-item
    replace
    to="/mine"
    icon="search"
  >
    Mine
  </van-tabbar-item>
   <van-tabbar-item 
   replace
   to="/group"
   icon="friends-o"
   >
   小组
   </van-tabbar-item>
  <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
</van-tabbar>
</template>

<script>
export default {

    data() {
        return {
        msg:"我是底部tabbar组件",
        // bol:true,
         active: 0
        };
    },
    created() {
        
    },
    mounted() {
        // console.log(Vant)
    },
    methods: {
        // go(e){
        //     console.log(e.path)
        //     this.$router.push("/mine")
        //     // console.log(this.$refs.aaa)
        // }
    },
    components: {

    },
};
</script>

<style>
.imgbox img{
width: 50px
}
*{
    text-decoration: none
}
</style>
